.RankItem {
  margin-top: 10rem;
  //border-bottom: 1px #c2c2c2 solid;
  .title {
    //background-color: #e6f0f9;
    //color: #66c0fd;
    //border-radius: 10rem;
    color: #3f3f3f;
  }
  .cardCon {
    width: 254rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .tier img {
      width: 56rem;
      height: 56rem;
    }
    .rankRateCard {
      width: 185rem;
      display: flex;
      justify-content: space-between;
    }
    .rank {
      width: 100rem;
      height: 80rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      p {
        width: 80rem;
        //display: flex;
        background-color: #e8f2fb;
        color: #66c0fd;
        border-radius: 10rem;
        text-align: center;
        line-height: 30rem;
      }
    }
    .winRate {
      width: 100rem;
      height: 80rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      p {
        width: 80rem;
        background-color: #e0f5f3;
        color: #56b6a9;
        border-radius: 10rem;
        text-align: center;
        line-height: 30rem;
      }
    }
  }
}
